<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>签到入口</title>
    <link rel="stylesheet" href="css/frozen.css">
	<link rel="stylesheet" href="css/style.css">

	</head>
<body>

    <footer class="ui-footer ui-footer-btn">
        <ul class="ui-tiled ui-border-t">
            <li>
            </li>
            <li>
                <div>
                    <a href=""><img src="images/bta2.png" alt="评选投票"/></a>
                </div>
            </li>
            <li>
                <div>
                    <a href=""><img src="images/bt3.png" alt="投票记录"/></a>
                </div>
            </li>
        </ul>
    </footer>
    <section class="ui-container">
        <div class="head">
            <img class="bg_img" src="images/login.jpg" alt="签到背景" placeholder='输入手机号'>
		</div>
	<!--1.倒计时
	<div class="form clock">
		<div style="">
		<p style="
			font-weight: bold;
			margin-bottom: 10px;
			color: #e10024;
		">活动开始倒计时</p>
		<p style="
			font-weight: bold;
			font-size: 24px;
			color: #e10024;
		">
		<span class="time_d">00</span>天
		<span class="time_h">00</span>小时
		<span class="time_i">00</span>分钟
		<span class="time_s">00</span>秒</p>
		</div>
	</div>	-->
	<!--2.输入手机号
        <div class="form">
		<div style="
		    font-size: 12px;
			width: 50%;
			margin: 0 auto;
			color: #e10024;
			font-weight: bold;
			margin-bottom: 20px;
		">
			在此输入手机号码完成签到验证，即可参与投票活动。
		</div>
            <form action="">
                <p>
                    <input type="text" class="mobile"></p>
                <p>
                    <input type="button" class="sign"></p>
            </form>

        </div>-->
	<!--2.1.输入手机号-->
        <div class="form checkform">
		<div style="
		    font-size: 12px;
			width: 80%;
			margin: 0 auto;
			color: #e10024;
			font-weight: bold;
			margin-bottom: 10px;
		">
			选择部门，填写自己的姓名，完成签到。
		</div>
            <form action="">
				<p>
				<select name="departmant1">
					<option value="">--请选择一级部门--</option>
					<option value="">--部门1--</option>
					<option value="">--部门2--</option>
				</select>
				</p>
				<p>
				<select name="departmant2">
					<option value="">--请选择二级部门--</option>
					<option value="">--部门1--</option>
					<option value="">--部门2--</option>
				</select>
				</p>
                <p>
                    <input type="text" name="name" placeholder="请点击输入姓名"></p>
                <p>
                    <input type="button" class="sign"></p>
            </form>

        </div>
	<!--3.活动结束
		<div class="form">
		<div style="">
		<p style="
			font-size: 24px;
			color: #e10024;
			font-weight: bold;
			margin-top: 30px;
		">活动已结束</p>
		</div>-->
	</div>
    </section>

    <script src="js/lib/zepto.min.js"></script>
    <script src="js/frozen.js"></script>
    <div class="ui-dialog">
        <div class="ui-dialog-cnt" style="width:90%; background:none;">

            <img src="images/comfrim.jpg" style="width:100%;border:none;" alt="">

            <div class="ui-dialog-ft" style="
            position: absolute;
            top: 76%;
            color: rgba(0,0,0,0);
			border:none;
			padding:0;
			margin:0;
        ">
                <button type="button" data-role="button" style="color:rgba(0,0,0,0);">返回</button>
            </div>
        </div>
    </div>
    <script class="demo-script">

$(".sign").click(function(){

    $(".ui-dialog").dialog("show");//show sorry

})

if($(".clock").length>0){


	var TheEndTime = '2017/01/20 17:03:00'
	var clock = setInterval(function(){GetRTime(TheEndTime)},0);
	
  function GetRTime(EndTime){
    var EndTime= new Date(EndTime);
    var NowTime = new Date();
    var t =EndTime.getTime() - NowTime.getTime();
    var d=0;
    var h=0;
    var m=0;
    var s=0;
    if(t>=0){
      d=Math.floor(t/1000/60/60/24);
      h=Math.floor(t/1000/60/60%24);
      m=Math.floor(t/1000/60%60);
      s=Math.floor(t/1000%60);
    }
	if((d+h+m+s)===0){
	
		echo_time(0,0,0,0)
		clearTimeout(clock);
		//时间到，跳转到签到输入页面；
		
	}else{
		echo_time(d,h,m,s)
	}

  }
  
  
  function echo_time(d,h,m,s){
	
	$(".time_d").text(d)
	$(".time_h").text(h)
	$(".time_i").text(m)
	$(".time_s").text(s)
	
  }

}

</script>

</body>
</html>